/**
 * Created by Administrator on 2017/4/20.
 */
$(function(){
    var flag = true
    var $body = document.body.style
    //  点击滑出菜单栏
    $("#btn_1").on("click",function(){
        if(flag){
            //如果flag等于true，则移动至64%的位置然后将flag重置为false
            $("#Content_1_").animate({transform:'translate(64%)'},200)
            $("#movie_1_").animate({transform:'translate(64%)'},200)
            $("#movie_2_").animate({transform:'translate(0%)'},200)
            $body.overflow = 'hidden'
            $body.position = 'fixed'
            flag = false
            //延迟开启遮罩层
            setTimeout(function(){
                $("#keep_").width("36%")
            },180)
        }else{
            //如果flag不等于true，则复原至原来的位置然后将flag重置为true
            $("#Content_1_").animate({transform:'translate(0%)'},200)
            $("#movie_1_").animate({transform:'translate(0%)'},200)
            $("#movie_2_").animate({transform:'translate(-100%)'},200)
            $("#keep_").width("0%")
            $body.overflow = 'auto'
            $body.position = 'static'
            flag = true
        }
    })
})